<!-- 文档管理组件 -->
<main class="app-main-document" id="app-main-document">
  <div class="document-layout">
    <!-- 标题区域 -->
    <section class="document-header">
      <h2>📄 文档管理</h2>
      <p>上传和管理您的文档，支持向量化检索</p>
    </section>

    <!-- 文档上传区域 -->
    <section class="upload-section">
      <div class="upload-container">
        <input type="file" id="file-input" accept=".txt,.pdf,.doc,.docx,.md" multiple style="display: none;">
        <button id="upload-btn" class="upload-btn">
          📤 上传文档
        </button>
        <div class="upload-info">
          支持格式：TXT、PDF、DOC、DOCX、MD
        </div>
      </div>
    </section>    <!-- 文档列表区域 -->
    <section class="documents-section">
      <div class="documents-header">
        <div class="header-left">
          <h3>📋 文档列表</h3>
        </div>
        <div class="header-right">
          <div class="status-info">
            <span id="documents-count" class="documents-count">共 0 个文档</span>
          </div>
        </div>
      </div>
        <div class="documents-actions">
        <button id="refresh-documents-btn" class="refresh-btn">
          🔄 刷新
        </button>
        <button id="select-all-btn" class="action-btn-secondary">
          📋 全选
        </button>
        <button id="batch-vectorize-btn" class="action-btn-primary" style="display: none;">
          ⚡ 批量向量化
        </button>
        <button id="delete-selected-btn" class="action-btn-danger" style="display: none;">
          🗑️ 删除选中
        </button>
      </div>
      
      <div class="documents-container">
        <div id="documents-list" class="documents-list">
          <!-- 文档列表将动态插入此处 -->
        </div>
        
        <!-- 空状态 -->
        <div id="empty-state" class="empty-state">
          <div class="empty-icon">📭</div>
          <h4>暂无文档</h4>
          <p>点击上方"上传文档"按钮开始添加文档</p>
        </div>
      </div>
    </section>
  </div>
</main>
